<template>
	<view>
		<!-- #ifdef APP-PLUS -->
		<view class="status_bar">  
		    <view class="top_view"></view>  
		</view>  
		<!-- #endif -->
		<view class="reminder-content">
			<image :src="loginlogo" class="sign-logo" mode="aspectFit"></image>
			<view class="font-size36 margin-top-20 margin-bottom-30">引迈开发平台</view>
			<view class="policy-tips margin-top-20">
				<view>欢迎使用引迈开发平台,依据政策要求,为了您能使用所有功能，在使用中需要连接网络、定位、调用麦克风等服务，请仔细阅读<label style="color: #0066CC;" @tap="userAgreement">《用户协议》</label>和<label style="color: #0066CC;" @tap="privacyPolicy">《隐私政策》</label>，选择下方“同意并继续”表示您同意以上协议内容。</view>
			</view>
			<view class="operation-btn">
				<button class="disagree-btn" @tap="exitApp">不同意</button>
				<button class="agree-btn" @tap="agree">同意并继续</button>
			</view>
		</view>
	</view>
</template>

<script>
	import config from '@/common/js/config.js'
	export default {
		data() {
			return {
				loginlogo:"",
				agreement:config.Resources.userAgreement,
				policy:config.Resources.privacyPolicy,
			}
		},
		methods: {
			exitApp() {
				plus.os.name == "Android" ? plus.runtime.quit() : plus.ios.import("UIApplication").sharedApplication().performSelector("exit");
			},
			userAgreement() {
				plus.runtime.openURL(this.agreement);
			},
			privacyPolicy() {
				plus.runtime.openURL(this.policy);
			},
			agree() {
				uni.redirectTo({
					url: '/pages/index/guide'
				});
			},
		}
	}
</script>

<style>
	.status_bar {
	    height: var(--status-bar-height);  
	    width: 100%;  
	    background-color: #FFFFFF;  
	}  
	.top_view {  
	    height: var(--status-bar-height);  
	    width: 100%;  
	    position: fixed;  
	    background-color: #FFFFFF;  
	    top: 0;  
	    z-index: 999;  
	}
	.reminder-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 180rpx 54rpx 0 54rpx;
	}

	.operation-btn {
		width: 100%;
		position: fixed;
		bottom: 5%;
		display: flex;
		z-index: 99;
		left: 50%;
		transform: translate(-50%);
		align-items: center;
		justify-content: center;
	}

	.agree-btn {
		width: 42%;
		height: 80rpx;
		background-color: #3281ff;
		color: #FFFFFF;
		line-height: 80rpx;
	}

	.disagree-btn {
		width: 42%;
		height: 80rpx;
		line-height: 80rpx;
		background-color: #f2f2f2;
		color: #666666;
	}

	.policy-tips {
		width: 100%;
		color: #9A9A9A;
	}

	.agree-text {
		color: #FFFFFF;
		line-height: 88upx;
	}

	.disagree-text {
		color: #9A9A9A;
		line-height: 88upx;
	}

	.agreement-introduce {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.sign-logo{
		width: 164rpx;
		height: 164rpx;
	}
</style>
